<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后花园：CPCC</title>
</head>
<link rel="stylesheet" href="/static/css/layui.css">
<style>
    .layui-row{
        margin-top: 40%;
    }
     h2{
        text-align: center;
        margin-bottom: 1rem;
    }
</style>
<body>
<table id="demo" lay-filter="test"></table>
</body>
<script src="/static/layui.js"></script>
<script src="/static/vendor/jquery/jquery-1.12.4.min.js"></script>
<script>
    layui.use('table', function(){
        var table = layui.table;

        //第一个实例
        table.render({
            elem: '#demo'
            ,height: 472
            ,url: '/admin/feedback' //数据接口
            ,page: true //开启分页
            ,cols: [[ //表头
                {field: 'id', title: 'ID', width:100, sort: true, fixed: 'left'}
                ,{field: 'name', title: 'NAME', width:200}
                ,{field: 'email', title: 'EMAIL', width:250, sort: true}
                ,{field: 'service', title: 'SERVICE', width:200}
                ,{field: 'remark', title: 'REMARK', width: 950}
            ]]
        });

    });
</script>
</html>